<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <body>

        <ui:composition template="./resources/plantillas/plantilla.xhtml">



            <ui:define name="right">

            </ui:define>

            <ui:define name="content">
                <h:form id="tablaDatosCua">
                    <p:commandButton value="Ingresar Datos" id="btnShowForm"  oncomplete="tMc.show()"/>
                    <p:dataTable id="tablatmp" value="#{minimosCuadrados.tempS}" var="ventasCT" emptyMessage="No existen Datos para  procesar">
                        <p:column headerText="Mes"> 
                            <h:outputText value="#{ventasCT.numero}" />                             
                        </p:column>  

                        <p:column headerText="Ventas" >  
                            <h:outputText value="#{ventasCT.ventas}" />  
                        </p:column>                       

                    </p:dataTable>
                </h:form>
                <p:separator></p:separator>
                <h:form id="tablaMC">
                    <p:commandButton value="Generar Datos" actionListener="#{minimosCuadrados.agregarVentas()}"  update="tablaMinimos" oncomplete="#{minimosCuadrados.limpiarSumas()}" />
                    <p:dataTable id="tablaMinimos" value="#{minimosCuadrados.ventas}" var="ventasC" emptyMessage="No existen Datos para  procesar">
                        <p:column headerText="Mes"> 
                            <h:outputText value="#{ventasC.meses}" /> 
                            <f:facet name="footer">  
                                <h:outputText value="#{minimosCuadrados.sumaX()}" /> 
                            </f:facet>
                        </p:column>  

                        <p:column headerText="Ventas" footerText="#{minimosCuadrados.sumaVentas()}">  
                            <h:outputText value="#{ventasC.ventas}" />  
                        </p:column>  

                        <p:column headerText="XY" footerText="#{minimosCuadrados.sumaXy()}">  
                            <h:outputText value="#{ventasC.xy}" />  
                        </p:column>  
                        <p:column headerText="X2" footerText="#{minimosCuadrados.sumaX2()}">  
                            <h:outputText value="#{ventasC.x2}" />  
                        </p:column>                    
                    </p:dataTable>
                </h:form>
                <p:separator />
                <h:form id="PronosticoForm">
                    <p:commandButton value="Ver Pronostico" actionListener="#{minimosCuadrados.proyeccion()}" update="proyect,linear" oncomplete="#{minimosCuadrados.limpiarProyeccion()}"/>
                    <h:outputText value="#{minimosCuadrados.proyectar}" id="proyect" />
                    <p:lineChart id="linear" value="#{minimosCuadrados.categoryModel}"  legendPosition="e"  
                                 title="Linear Chart" minY="0" maxY="5" style="height:300px"/> 
                </h:form>

                <h:form id="datosAbc">

                    <p:dialog header="Ingreso de Ventas por meses" widgetVar="tMc" showEffect="fade" id="dialogoMc">
                        <h:panelGrid columns="2" id="dialogoArticuloI">
                            <p:outputLabel value="Mes:"></p:outputLabel>
                            <p:inputText value="#{minimosCuadrados.temp.numero}" ></p:inputText>

                            <p:outputLabel value="Ventas de mes:"/>
                            <p:inputText value="#{minimosCuadrados.temp.ventas}"/>

                            <f:facet name="footer">

                                <p:commandButton actionListener="#{minimosCuadrados.agregarTemp()}" value="Agregar" update=":tablaDatosCua:tablatmp,dialogoArticuloI" oncomplete="tMc.hide()" />
                            </f:facet>
                        </h:panelGrid>
                    </p:dialog>
                </h:form> 
            </ui:define>

        </ui:composition>

    </body>
</html>
